<div class="data-view" ng-controller="UserDetailsCtrl">
	<header class="bar bar-header" ng-show="cancle_but">
		<div class="buttons" >
	    	<button class="button" ng-click="backToStart()">关闭</button>
	  	</div>
	   <h1 class="title">{{REAL_NAME}}</h1>
	   <div class="details_icon">
	   		<span ng-click="CompileUserFun(ID)"></span>
	   		<span ng-click="MoreActionsFun()"></span>
	   </div>
	</header>
	<div class="img-none" ng-show="!cancle_but">
		<img src="img/logo.png"/>
		<span>您还未选择客户</span>
	</div>
	<div class="more_actions" ng-show="more_actions">
		<span></span>
		<ul>
			<li ng-click="deleteUser(ID)">删除</li>
			<li ng-click="createRecommend()">创建建议书</li>
			<li>其他操作</li>
		</ul>
	</div>
	<div class="user_details" ng-show="cancle_but">
		<div class="bar establish bar-footer" ng-click="JumpApp()">
			<p>{{chooseInsurance}}</p>
		</div>
		<dl>
			<dt><img src="img/pic.png" /></dt>
			<dd>
				<span>{{REAL_NAME}}</span>
				<span>
					<i>{{SEX== 1?"女":"男"}}</i>
					<i>{{AGE == ''?'':AGE +'岁'}}</i>
					<i>{{HOME_CITY}}</i>  
				</span>
			</dd>
		</dl>
		<div class="details-tabs" ng-click="HideFun()">
			<ul>
				<li ng-repeat="tab in tabs" 
					ng-class="{active:isActiveTab(tab.url)}" 
					ng-click="onClickTab(tab)">{{tab.title}}</li>
			</ul>
			<div id="mainView">
				<div ng-include="currentTab"></div>
			</div>
		</div>
		<div class="tab_content">
			<script type="text/ng-template" id="1">
				<ion-content class="has-header bottom">
			   		<div class="user_info">
			   			<h4>身份信息</h4>
			   			<p class="zebra_lists">
			   				<span>年龄:</span>
			   				  {{AGE == ''?'':AGE +'岁'}}
			   			</p>
			   			<p class="zebra_lists">
			   				<span>出生:</span>
			   				{{BIRTHDAY}}
			   			</p>
			   			<p>
			   				<span>客户类型:</span>
			   				 {{TYPE}}
			   			</p>
			   			<p>
			   				<span>客户来源:</span>
			   				{{SOURCE}}
			   			</p>
			   			<p class="zebra_lists">
			   				<span>客户籍贯:</span>
			   				{{RGT_PROVINCE}}
			   			</p>
			   			<p class="zebra_lists">
			   				<span>客户学历:</span>
			   				{{EDUCATION}}
			   			</p>
			   			<p>
			   				<span>证件类型:</span>
			   				二代身份证
			   			</p>
			   			<p>
			   				<span>民族:</span>
			   				{{NATIONALITY == ''?'请选择民族':NATIONALITY}}
			   			</p>
			   			<p class="zebra_lists">
			   				<span>证件号码:</span>
			   				{{IDNO}}
			   			</p>
			   			<p class="zebra_lists">
			   				<span>证件有效期:</span>
							{{ID_END_DATE}}
			   			</p>
			   			<p>
			   				<span>联系电话:</span>
			   				{{MOBILE}}
			   			</p>
			   			<p>
			   				<span>婚姻状况:</span>
			   				{{MARRI_STATUS}}
			   			</p>
			   			<p class="zebra_lists">
			   				<span>家庭住址:</span>
			   				{{HOME_ADDRESS}}
			   			</p>
						<p class="zebra_lists">
			   				<span>家庭电话:</span>
			   				{{HOME_PHONE}}
			   			</p>
			   			<p class="zebra_lists">
			   				<span>家庭地址邮编:</span>
			   				{{HOME_PHONE}}
			   			</p>
			   			<p>
			   				<span>单位地址:</span>
			   				{{COMPANY_ADDRESS}}
			   			</p>
						<p>
			   				<span>单位电话:</span>
			   				{{COMPANY_PHONE}}
			   			</p>
						
			
			   			<p>
			   				<span>单位地址邮编:</span>
			   				{{COMPANY_ZIP_CODE}}
			   			</p>
			   		</div>
			   		<div class="user_info">
			   			<h4>收入信息</h4>
			   			<p class="zebra_lists">
			   				<span>年收入:</span>
			   				{{INCOME}}万元
			   			</p>
			   			<p class="zebra_lists">
			   				<span>收入来源:</span>
			   				{{INCOME_WAY}}
			   			</p>
			   			<p>
			   				<span>其他收入来源:</span>
			   				{{OTHER_INCOME_WAY}}
			   			</p>
			   			<p>
			   				<span>职业名称:</span>
			   				
			   			</p>
			   			<p class="zebra_lists">
			   				<span>职业代码:</span>
			   				{{OCCUPATION_CODE}}
			   			</p>
			   			<p class="zebra_lists">
			   				<span>职业类别:</span>
			   				
			   			</p>
			   			<p>
			   				<span>工作单位:</span>
			   				{{WORK_UNIT}}
			   			</p>
			   			<div style="clear:both"></div>
			   		</div>
			   		<div class="user_info">
			   			<h4>其它信息</h4>
			   			<p class="zebra_lists">
			   				<span>身高:</span>
			   				{{HEIGHT}}CM
			   			</p>
			   			<p class="zebra_lists">
			   				<span>体重:</span>
			   				{{WEIGHT}}Kg
			   			</p>
			   			<p>
			   				<span>爱好:</span>
			   				{{HOBBY}}
			   			</p>
			   			<p>
			   				<span>特殊纪念日:</span>
			   				{{ANNIVERSARY == '客户特殊纪念日'?'':ANNIVERSARY}}
			   			</p>
			   		</div>
			   		<div class="user_info">
			   			<h4>客户倾向选择</h4>
			   			<p>
			   				<span>账户倾向:</span>
			   				{{ACCOUNT_TENDENCY}}
			   				
			   			</p>
			   			<div style="clear:both"></div>
			   		</div>
			   		<div class="user_info">
			   			<h4>客户标签</h4>
			   			<div class="label" >
			   				<span ng-repeat="label in labels">{{label.MARK_NAME}}</span>
			   				<div class="clear"></div>
			   			</div>
			   		</div>
				</ion-content>
			</script>
			<script type="text/ng-template" id="2">
				<ion-content class="has-header">
					<div style="margin-top: 20px" ng-show="F_info">暂无家庭信息</div>
			   		<div class="user_info" ng-show="!F_info">
			   			<h4>家庭信息
			   				<label class="checkbox">
						       <input type="checkbox">
						     </label>
			   			</h4>
			   			<p class="zebra_lists">
			   				<span>与本人关系:</span>
			   				{{RELATION}}
			   			</p>
			   			<p class="zebra_lists">
			   				<span>姓名:</span>
			   				{{F_REAL_NAME}}
			   			</p>
			   			<p>
			   				<span>性别:</span>
			   				{{F_SEX == 1?"女":"男"}}
			   			</p>
			   			<p>
			   				<span>生日:</span>
			   				{{F_BIRTHDAY}}
			   			</p>
			   			<div style="clear:both"></div>
			   		</div>
				</ion-content>
			</script>
		</div>
		
	</div>
</div>